<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/weixi/Public/css/bootstrap.min.css">
    <link rel="stylesheet" href="/weixi/Public/css/nivo-slider.css" type="text/css">
    <link rel="stylesheet" href="/weixi/Public/css/themes/bar/bar.css" type="text/css">
    <link rel="stylesheet" href="/weixi/Public/css/themes/dark/dark.css" type="text/css">
    <link rel="stylesheet" href="/weixi/Public/css/themes/default/default.css" type="text/css">
    <link rel="stylesheet" href="/weixi/Public/css/themes/light/light.css" type="text/css">
    <title>商品类页面</title>
    <style>
        *{
            box-sizing: border-box;     /*从IE8开始兼容*/
            text-size-adjust:none;
        }
        img{
            max-width: 100%;
        }
        ul,li{
            list-style: none;margin: 0;padding:0;
        }
        html,body, .container{
            height:100%;margin:0;padding:0;
        }
        .container{
            max-width: 640px;min-width: 320px;margin: auto;
        }
        header{
        height:8%; display:flex;background: #c53b13;width: 100%;color: white;font-size: 20px;
        }
        /*header>div{*/
        /*text-align: center; height: 100%;align-items: center; display:flex;*/
        /*}*/
        section{
            height:83%;width: 100%;overflow: scroll;background: #e3e3e3;
        }
        .section-header{
            height:40px;background: white;display:flex;
        }
        .text{
            font-size: 15px;text-align: center;line-height: 40px;
        }
        .section-content{
            min-height: 800px;display: flex;
        }
        .nivoSlider img{
            width: 100%;
        }
        .clear{
            clear:both;
        }
        footer{
            height:9%; width: 100%;border-top:1px #b2b2b2 solid ;display:flex;color: grey;
        }
        footer>div{
            width: 25%;height: 100%;
        }
        footer img{
            margin-top: 5%;margin-left:40% ;
        }
        .footer-member a:link{
            color: grey;text-decoration:none;font-size:13px;
        }
        /*.footer-member a:visited {*/
        /*color:#304c36;text-decoration:none;font-size:13px;*/
        /*}*/
        .footer-member  a:hover {
            color: #2536ff;font-size:13px;
        }


    </style>
    <script src="/weixi/Public/js/jquery-1.11.1.min.js"></script>
    <script src="/weixi/Public/js/bootstrap.min.js"></script>
    <script src="/weixi/Public/js/jquery.nivo.slider.js" type="text/javascript" charset="UTF-8" ></script>
    <script type="text/javascript">
        $(function () {
            $(".nivoSlider").nivoSlider();
            $("#return").click(function () {
                window.history.back(-1);
            })
        })
    </script>
</head>
<body>
<div class="container">
    <header>
        <div style="width: 16%;height: 100%;display: flex" id="return"><span class="glyphicon glyphicon-chevron-left" style="color: white;display: inline-block;margin: auto;font-size: 20px"></span></div>
        <div style="width: 70%;height: 100%;color: white;display: flex"><span style="display: inline-block;margin: auto;font-size: 20px">商品类</span></div>
    </header>
    <section>
        <div class="section-header">
            <div style="width: 25%;height:40px " class="text">综合</div>
            <div style="width: 25%;height:40px  "  style="">
                <div style="width: 60%;height:40px ;float: left;text-align: right;line-height: 40px;font-size: 15px;">人气</div>
                <div style="width: 40%;height:40px ;float: left;line-height: 43px;font-size: 15px;"><sapn class="glyphicon glyphicon-arrow-down" ></sapn></div>
                <div class="clear"></div>
            </div>
            <div style="width: 25%;height:40px  " class="text">销量</div>
            <div style="width: 25%;height:40px  " class="text">价格</div>
        </div>
        <div class="section-content" >

                <div style="width: 100%;">
                <?php if(is_array($name)): foreach($name as $key=>$names): ?><div style="width: 100%;">
                        <div style="width: 50%;margin-top: 10px;display:flex;float: left">
                            <div style="width: 96%;border: 1px #bababa solid;margin: auto;height: 271px">
                                <div style="width: 100%">
                                    <a href="<?php echo U('Query/index');?>?id=<?php echo ($names["idit"]); ?>"><img style="width: 200px;height: 200px;" src="/weixi/Public/imgs<?php echo ($names["shopimg"]); ?>" ></a>
                                </div>
                                <div style="height: 28px;"><span style="color: red;font-weight: bolder;display: inline-block;margin-top: 5px;font-size: 16px">￥<?php echo ($names["price"]); ?></span><span style="margin-top: 5px;display: inline-block;float: right;margin-right: 5px">月销:<?php echo ($names["number"]); ?></span></div>
                                <div style="height: 25px;padding-left: 5px;font-size: 15px"><?php echo ($names["shopname"]); ?></div>
                            </div>
                        </div>
                    </div><?php endforeach; endif; ?>
                <div class="clear"></div>
            </div>
        </div>



    </section>
    <footer>
        <div class="footer-member"><a href="<?php echo U('Main/index');?>"><img src="/weixi/Public/img/img2-1.png"><div style="text-align: center;font-size: 14px;margin-top: 5%">首页</div></a></div>
        <div class="footer-member"><a href="<?php echo U('Classify/index');?>"><img src="/weixi/Public/img/img2-2.png"><div style="text-align: center;font-size: 14px;margin-top: 5%">分类</div></a></div>
        <div class="footer-member"><a href="<?php echo U('Shopping/index');?>"><span class="glyphicon glyphicon-shopping-cart" style="color: #a2a2a2;font-size: 24px;display: block;margin-top: 5%;margin-left:35% ;" ></span>
            <div style="text-align: center;font-size: 14px;margin-top: 5%">购物车</div></a>
        </div>
        <div class="footer-member"><a href="<?php echo U('Main/member');?>" ><img src="/weixi/Public/img/img2-4.png" ><div style="text-align: center;font-size: 14px;margin-top: 5%">会员中心</div></a></div>
    </footer>
</div>
</body>
</html>